<template>
	<view class="login flex flex--row">
		<view class="login_con flex flex--row flex--align-items--center">
			<view class="login_con_title flex flex--row flex--align-items--center">
				<view>天菜陪玩</view>
				<text>为有趣而生</text>
			</view>

			<!-- 注册 -->
			<view style="color: #fff;margin-top: 150rpx;">
				<view>
					<button class="loginButton" @tap="link()">登录</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		data() {
			return {
				isAgree: false,
				showMenu: false,
				// username: "1117",
				// password: "123456",
				username: "",
				password: "",
				regUsername: "",
				regPassword: "",
				regPassword2: "",
				regEmail: ""
			}
		},
		computed: {
			...mapState(['baseUrl'])
		},

		methods: {
			link(item) {
				let linkUrl =
					"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx355111ad62e8e81a&redirect_uri=https%3A%2F%2Fqw.lvd8.cn%2Fappapi%2FMember%2Fgetopenid&response_type=code&scope=snsapi_base#wechat_redirect";
				// #ifdef H5
				window.location.href = linkUrl
				// #endif
			},
		}
	}
</script>

<style lang="less" scoped>
	.otherFunLogin {
		color: #fff;
		width: 50%;
		margin: 20rpx auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15rpx;
	}

	.loginButton {
		width: 440rpx;
		height: 89rpx;
		line-height: 89rpx;
		background: #FA97B4;
		font-size: 36rpx;
		color: #fff;
		margin-top: 90rpx;
	}

	.login {
		height: 100%;

		.login_con {
			flex: 1;
			background: #000;
			padding-top: 200rpx;

			.login_con_title {
				color: #fff;

				view {
					font-size: 78rpx;
				}

				text {
					font-size: 22rpx;
				}
			}

			.quickButton {
				width: 440rpx;
				height: 89rpx;
				line-height: 89rpx;
				background: #FA97B4;
				font-size: 36rpx;
				color: #fff;
				margin-top: 550rpx;
			}

			.login_con_agreement {
				font-size: 24rpx;
				color: #fff;
				margin-top: 46rpx;
				display: flex;
				align-items: center;

				text {
					color: #FA97B4;
					margin: 0 10rpx;
				}
			}
		}
	}
</style>